import React from 'react';
import { Spin } from 'antd';

interface LazyLoadingFallbackProps {
  height?: string;
  message?: string;
}

const LazyLoadingFallback: React.FC<LazyLoadingFallbackProps> = ({ 
  height = '100%', 
  message = '加载中...' 
}) => {
  return (
    <div style={{ 
      display: 'flex', 
      flexDirection: 'column',
      justifyContent: 'center', 
      alignItems: 'center', 
      height, 
      color: '#fff',
      gap: '16px'
    }}>
      <Spin size="large" />
      <div style={{ color: '#aaa', fontSize: '14px' }}>{message}</div>
    </div>
  );
};

export default LazyLoadingFallback;